<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>AJAX原生写法和jQuery写法对比</title>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		
		<script type="text/javascript">
			//原生写法
			//第一步
			xhr = new XMLHttpRequest();
			//第二步
			xhr.open("post","test.php");
			//第三步
			xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded")
			//第四步
			xhr.send("a=1&b=10");//get请求报文体写法
			//第五步
			xhr.onreadystatechange = ()=>{
				if(xhr.status==200 && xhr.readyState==4){
					let result = xhr.responseText;//获取结果
					alert(result);
				}
			}
			
			//jQuery写法
			$.ajax({
				url:'',
				type:'post|get',
				data:'数据',
				datatype:'text|json|xml|script',
				success:function(re){
					//服务器回传数据处理
				}
			})
			
			
		</script>
		
	</body>
</html>
